/**
  emptyText: 显示空文本的字段，传入可以改变默认暂无数据的值
  fontSize: 格式 120px; 传入可以改变文本的fontsize大小
  size: 10px; 传入可以改变暂无数据图片的大小
 */
<template>
  <div class="fxh-wrapper">
    <i class="iconfont fxh-no-data-icon" :style="iconConf">&#xe629;</i>
    <span class="fxh-no-data-info" :style="fontConf" v-text="showText"></span>
  </div>
</template>

<script>
export default {
  name: "NoData",
  props: ["fontSize", "size", "emptyText"],
  computed: {
    iconConf () {
      return {
        "font-size": this.size ? this.size : "150px"
      }
    },
    fontConf () {
      return {
        "font-size": this.fontSize ? this.fontSize : "20px"
      }
    },
    showText () {
      return this.emptyText ? this.emptyText : "暂无数据!"
    }
  }
};
</script>

<style lang="scss" scoped>
@import "~@/assets/styles/common/noData.scss";
</style>
